<template>
  <div class="views">
    <transition mode="out-in" enter-active-class="fadeIn" leave-active-class="fadeOut" appear>
      <router-view class="animated"></router-view>
    </transition>
  </div>
</template>

<script>
export default {
  name: "sign"
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
@import "~animate.css";
.animated {
  animation-duration: 0.377s;
}
body {
  background-color: #000000;
}
</style>
